@charset "utf-8";
@import "common/reset";
@function r($px) {
    @return $px/100*1rem;
}

$color:#ff9344;
.web {
    header {
        .csf_header_left {
            font-size: r(26);
            width: r(124);
            height: r(66);
            margin-top: r(30);
            margin-left: r24;
            button {
                width: 100%;
                height: 100%;
                line-height: r(58);
                background-color: transparent;
                border: 1px solid $color;
                border-radius: r(16);
            }
        }
        .header_tit {
            width: r(120);
            margin-left: auto;
            margin-right: auto;
            margin-top: r(48);
            font-size: r(26);
            text-align: center;
        }
        .header_center {
            margin-top: r(46);
        }
    }
    section {
        margin-top: r(76);
        
        .banner_text {
            text-align: center;
            font-size: r(26);
            margin-bottom: r(14);
        }
        .search_end {
            font-size: r(20);
            text-align: center;
            margin-bottom: r(4);
            span {
                display: inline-block;
                width: r(124);
                height: r(64);
                line-height: r(64);
                color: #898989;
                background-color: #dcdcdc;
            }
        }
        .hot_search {
            width: 100%;
            padding-left: r(20);
            img {
                width: 100%;
                height: 100%;
            }
            .hot_left {
                width: 37.2%;
                height: r(353);
                overflow: hidden;
                margin-right: r(10);
            }
            .hot_right {
                    
                .hot_long {
                    width: 56%;
                    height: r(146);
                    overflow: hidden;
                    margin-bottom: r(10);
                }
                .hot_twins{
                    .twins1{
                        width: 26%;
                        height: r(197);
                        margin-right: r(14);
                    }
                    .twins2{
                        width: 28.1%;
                        height: r(197);
                    }
                }
            }
        }
        .recom{
            margin-top: r(48);
            padding-left: r(24);
            padding-right: r(24);
            .rec_center{
                margin: 0 auto;
            }
            div{
                width: r(220);
                height: r(200);
                overflow: hidden;
                img{
                    height: 100%;
                }
            }
        }
    }
}